<!-- <template>
  <view class="nav-bar" :style="{'top':{{menuTop}} + 'px',height:m<!-- enuHeight + 'px'}">
    <view class="top-show" :style="height:{{menuHeight}}px">
      <view class="top-back" wx:if="{{!hideBack}}"   style="height:{{menuHeight} -->}px">
        <!-- <image class="top-back-icon" src="../../assest/image/common/img_common_back.png" mode="" />
    
      </view>
      <view :class="top-title {{hideBack?'mr0':'mr88'}}" style="height:{{menuHeight}}px">
        {{title}}
      </view>
    </view>
  
  </view>
</template>

<script>
  export default {
    data() {
      return {
        navBarHeight:'' ,
        hideBack:false,
        menuRight:'' ,
        menuTop:'' ,
        menuHeight:'' ,
        title:'布草酒店共享终端'
      }
    },
    methods: {
       bindViewTap() {
                  if(this.properties.back){
                      wx.navigateBack();
                  }
                  this.triggerEvent('back')
              }
    },
    onShow() {
       // 获取系统信息
          const systemInfo = wx.getSystemInfoSync();
          // 胶囊按钮位置信息
          const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
          // 导航栏高度 = 状态栏高度 + 44
          this.globalData.navBarHeight = systemInfo.statusBarHeight + 44;
          this.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right;
          this.globalData.menuTop = menuButtonInfo.top;
          this.globalData.menuHeight = menuButtonInfo.height;
    }
  }
</script>

<style>
  .nav-bar {
      width: 100%;
      top: 0;
      position: fixed;
  }
  
  .top-show {
      display: flex;
      height: 100%;
      align-items: center;
  }
  
  .top-title {
      width: 100%;
      font-size: 32rpx;
      font-weight: 500;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .mr0 {
      margin-right: 0rpx;
  }
  
  .mr88 {
      margin-right: 76rpx;
  }
  
  .top-back {
      padding-right: 25rpx;
      margin-left: 28rpx;
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }
  
  .top-back-icon {
      width: 21.6rpx;
      height: 39.6rpx;
  }
</style>
 --> -->